*{font-family:Raleway,sans-serif}.files input{outline:#b39292 dashed 2px;outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear;padding:120px 0 85px 35%;text-align:center!important;margin:0;width:100%!important}.files input:focus{outline:#92b0b3 dashed 2px;outline-offset:-10px;-webkit-transition:outline-offset .15s ease-in-out,background-color .15s linear;transition:outline-offset .15s ease-in-out,background-color .15s linear;border:1px solid #92b0b3}.files{position:relative}.files:after{pointer-events:none;position:absolute;top:60px;left:0;width:50px;right:0;height:56px;content:"";background-image:url(https://image.flaticon.com/icons/png/128/109/109612.png);display:block;margin:0 auto;background-size:100%;background-repeat:no-repeat}.color input{background-color:var(--light)}.files:before{position:absolute;bottom:10px;left:0;pointer-events:none;width:100%;right:0;height:57px;content:" Upload a clear photo of your UPLB ID. ";display:block;margin:0 auto;color:#000;font-weight:600;text-align:center}html{position:relative;min-height:100%}body{margin-bottom:110px}.footer{position:absolute;bottom:0;width:100%;height:60px;line-height:60px;background-color:#f5f5f5}body,html{height:100%;width:100%}.sp-loading{text-align:center;max-width:270px;padding:15px;border:5px solid #eee;border-radius:3px;font-size:12px;color:#888}.sp-wrap{display:none;line-height:0;font-size:0;background:#eee;border:5px solid #eee;border-radius:3px;position:relative;margin:0 25px 15px 0;float:left;max-width:300px}.sp-thumbs{text-align:left;display:inline-block}.sp-thumbs img{min-height:50px;min-width:50px;max-width:50px}.sp-thumbs a:link,.sp-thumbs a:visited{width:50px;height:50px;overflow:hidden;opacity:.3;display:inline-block;background-size:cover;background-position:center;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-ms-transition:all .2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out}.sp-thumbs a:hover{opacity:1}.sp-current,.sp-thumbs a:active{opacity:1!important;position:relative}.sp-large{position:relative;overflow:hidden;top:0;left:0}.sp-large a img{max-width:100%;height:auto}.sp-large a{display:block}.sp-zoom{position:absolute;left:-50%;top:-50%;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;display:none}.sp-lightbox{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.9);z-index:1031;display:none;cursor:pointer}.sp-lightbox img{position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;max-width:90%;max-height:90%;border:2px solid #fff}#sp-next,#sp-prev{position:absolute;top:50%;margin-top:-25px;z-index:501;color:#fff;padding:14px;text-decoration:none;background:#000;border-radius:25px;border:2px solid #fff;width:50px;height:50px;box-sizing:border-box;transition:.2s}#sp-prev{left:10px}#sp-prev:before{content:'';border:7px solid transparent;border-right:15px solid #fff;position:absolute;top:16px;left:7px}#sp-next{right:10px}#sp-next:before{content:'';border:7px solid transparent;border-left:15px solid #fff;position:absolute;top:16px;left:18px}#sp-next:hover,#sp-prev:hover{background:#444}@media screen and (max-width:400px){.sp-wrap{margin:0 0 15px}#sp-next,#sp-prev{top:auto;margin-top:0;bottom:25px}}.navigation-clean-button{background:#222;padding-top:10px;padding-bottom:10px;color:#f2f5f8;border-radius:0;box-shadow:none;border:none;margin-bottom:0}@media (max-width:767px){.navigation-clean-button{padding-top:0;padding-bottom:0}.navigation-clean-button .navbar-header{padding-top:10px;padding-bottom:10px}.navigation-clean-button .navbar-right{margin-bottom:20px}}.navigation-clean-button .navbar-brand{font-weight:700;color:inherit}.navigation-clean-button .navbar-brand:hover{color:#1485ee}.navigation-clean-button .navbar-brand img{height:100%;display:inline-block;margin-right:10px;width:auto}.navigation-clean-button .navbar-toggle{border-color:#ddd}.navigation-clean-button .navbar-toggle:focus,.navigation-clean-button .navbar-toggle:hover{background:0 0}.navigation-clean-button .navbar-toggle .icon-bar{background-color:#888}.navigation-clean-button .navbar-collapse,.navigation-clean-button .navbar-form{border-top-color:#ddd}.navigation-clean-button .navbar-nav>.active>a,.navigation-clean-button .navbar-nav>.open>a{background:0 0;box-shadow:none}.navigation-clean-button.navbar-default .navbar-nav>.active>a,.navigation-clean-button.navbar-default .navbar-nav>.active>a:focus,.navigation-clean-button.navbar-default .navbar-nav>.active>a:hover{color:#e04c40;border-top:1px solid #e04c40;box-shadow:none;transition:background-color .25s;background:0 0;pointer-events:none}.navigation-clean-button.navbar .navbar-nav>li>a{padding-left:18px;padding-right:18px}.navigation-clean-button.navbar-default .navbar-nav>li>a{color:#dfe8ee;font-weight:400;text-transform:uppercase;font-family:'Work Sans'}.navigation-clean-button.navbar-default .navbar-nav>li>a:focus,.navigation-clean-button.navbar-default .navbar-nav>li>a:hover{color:#e04c40!important;border-top:1px solid #e04c40;background-color:transparent;transition:background-color .25s,_ .25s}.navigation-clean-button .navbar-nav>li>.dropdown-menu{margin-top:-5px;box-shadow:0 4px 8px rgba(0,0,0,.1);background-color:#222;border-radius:2px}.navigation-clean-button .dropdown-menu>li>a,.navigation-clean-button .dropdown-menu>li>a:focus{line-height:2;font-size:14px;font-weight:300;font-family:Roboto;color:#df4c40}.navigation-clean-button .dropdown-menu>li>a:focus,.navigation-clean-button .dropdown-menu>li>a:hover{background:#df4c40;color:inherit;transition:background-color .25s cubic-bezier(.25,.1,.25,1)}.navigation-clean-button .actions{margin-top:7px;margin-bottom:0}.navigation-clean-button .actions .login{margin-right:7px;text-decoration:none;color:#fff}.navigation-clean-button .action-button,.navigation-clean-button .action-button:active{background:0 0;border-radius:0;color:#e04c40;box-shadow:none;border:1px solid #e04c40;text-shadow:none;padding:10px 22px;transition:background-color .25s}.navigation-clean-button .action-button:hover{background:#e04c40;color:#fff;font-weight:400;border:1px solid #df4c40}.navbar{margin-bottom:0;background:var(--white)}.btn{border-radius:0;font-family:Roboto;font-weight:400}a.navbar-brand.navbar-link{font-weight:400}p.navbar-text.navbar-right.actions{font-family:'Roboto Slab';text-transform:uppercase;font-weight:400}a.navbar-link.login:hover{color:#e04c40}.btn.focus,.btn:focus,.btn:hover{color:#fff;text-decoration:none;background-color:#1485ee;}.btn-default{color:#fff;background-color:#df4c40;border:none}